<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>金牛座运势</title>
    <style>
        .constellation-container {
            text-align: center;
            max-width: 1200px;
            margin: 30px auto;
            padding: 2rem;
            min-height: 100vh;
            color: #263238;
            font-family: Avenir, Helvetica, Arial, sans-serif;
            background-color: #FFC300;
        }

        .constellation_month {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-bottom: 2rem;
        }

        .date-info {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            margin-right: 1rem;
        }

        .zodiac-icon {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            object-fit: cover;
        }

        /* 运势展示区域 */
        .fortune-display {
            border-radius: 20px;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            background-color: #FFF5B3;
        }

        .fortune-header {
            padding: 2rem;
            color: white;
            background-color: #FFD700;
        }

        .header-content {
            display: flex;
            align-items: center;
            gap: 1.5rem;
        }

        .header-content img {
            width: 80px;
            height: 80px;
            border-radius: 20%;
            border: 4px solid rgba(255, 255, 255, 0.2);
        }

        .header-content h2 {
            font-size: 2rem;
            margin: 0;
            font-weight: 600;
        }

        /* 运势详情 */
        .fortune-details {
            padding: 2rem;
        }

        .section-title {
            font-size: 1.5rem;
            margin: 2rem 0 1rem;
            font-weight: 600;
        }

        .basic-features {
            color: #455a64;
            line-height: 1.6;
            margin-bottom: 2rem;
        }

        .detail-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 1.5rem;
            margin-bottom: 2rem;
        }

        .detail-item {
            background: #e0f7fa;
            padding: 1rem;
            border-radius: 12px;
        }

        .value {
            color: #00796b;
            font-weight: 500;
        }

        .value1 {
            color: #004d40;
            font-weight: 600;
        }

        /* 运势预测卡片 */
        .fortune-predictions {
            padding: 2rem;
        }

        .daily-predictions {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 2rem;
            margin-bottom: 2rem;
        }

        .prediction-card {
            border-radius: 16px;
            padding: 1.5rem;
            margin-bottom: 2rem;
        }

        .prediction-card h3 {
            font-size: 1.2rem;
            margin: 0 0 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .date {
            font-size: 0.9rem;
            font-weight: normal;
        }

        .fortune-indicators {
            display: grid;
            gap: 1rem;
            margin-bottom: 1.5rem;
        }

        .fortune-indicators.single-column {
            grid-template-columns: 1fr;
        }

        .indicator {
            padding: 1rem;
            border-radius: 12px;
            text-align: left;
        }

        .indicator-label {
            display: block;
            font-size: 0.9rem;
            margin-bottom: 0.5rem;
        }

        .indicator-value {
            font-weight: 600;
            font-size: 1.2rem;
        }

        .prediction-summary {
            color: #455a64;
            line-height: 1.6;
            margin: 1rem 0 0;
        }

        /* 长期运势预测 */
        .long-term-predictions {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 2rem;
        }

        @media (max-width: 768px) {
            .constellation-container {
                padding: 1rem;
            }

            .daily-predictions,
            .long-term-predictions {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>
<div class="constellation-container">
    <!-- 星座选择区域 -->
    <div class="constellation_month">
        <div class="date-info">
            <div>#年月日#</div>
            <div>#星座月#月</div>
        </div>
        <img src="#星座月图片链接#" alt="星座图标" class="zodiac-icon"/>
    </div>


    <!-- 运势展示区域 -->
    <div class="fortune-display">
        <div class="fortune-header">
            <div class="header-content">
                <img src="https://www.yunox.cn/image/taurus.png" alt="星座图标" class="header-icon"/>
                <h2 class="fortune-title">金牛座运势</h2>
            </div>
        </div>

        <!-- 运势详情 -->
        <div class="fortune-details">
            <div class="detail-grid">
                <div class="detail-item">
                    <span class="value1">幸运色：</span>
                    <span class="value">粉色</span>
                </div>
                <div class="detail-item">
                    <span class="value1">幸运数字：</span>
                    <span class="value">6</span>
                </div>
                <div class="detail-item">
                    <span class="value1">日期范围：</span>
                    <span class="value">4.20-5.20</span>
                </div>
                <div class="detail-item">
                    <span class="value1">所属元素：</span>
                    <span class="value">土</span>
                </div>
                <div class="detail-item">
                    <span class="value1">吉祥宝石：</span>
                    <span class="value">翡翠、玉</span>
                </div>
                <div class="detail-item">
                    <span class="value1">可用金属：</span>
                    <span class="value">木</span>
                </div>
                <div class="detail-item">
                    <span class="value1">主宰星座特性：</span>
                    <span class="value">稳健固执</span>
                </div>
                <div class="detail-item">
                    <span class="value1">性别属性：</span>
                    <span class="value">阳性</span>
                </div>
                <div class="detail-item">
                    <span class="value1">最大特点：</span>
                    <span class="value">财富</span>
                </div>
                <div class="detail-item">
                    <span class="value1">主宰宫位：</span>
                    <span class="value">第二宫</span>
                </div>
                <div class="detail-item">
                    <span class="value1">主宰行星：</span>
                    <span class="value">金星</span>
                </div>
                <div class="detail-item">
                    <span class="value1">性格特质：</span>
                    <span class="value">稳定、务实、享受</span>
                </div>
            </div>

            <h3 class="section-title">基本特征</h3>
            <p class="basic-features">
                太阳位于金牛座的人给人的感觉稳重、务实，追求稳定与和谐，害怕变动，属于享受派。喜欢安定，最怕没有安全感。但有时显得固执己见，对钱财看得很重。</p>
            <h3 class="section-title">性格分析</h3>
            <div class="personality-section">
                <p class="personality-text">
                    你思虑周全，行事谨慎，拟定计划是你的强项。在行动前就会考虑到前因后果，分析利弊，而后才会择机小心翼翼地投入，要你打没把握的仗比登天还难。</p>
                <h3 class="section-title">优点</h3>
                <p class="basic-features">沉稳踏实，重视特质，观察力敏锐</p>
                <h3 class="section-title">缺点</h3>
                <p class="basic-features">顽固，太过实际，依赖心强</p>
            </div>
            <h3 class="section-title">具体特点</h3>
            <p class="basic-features">
                金牛座是黄道十二宫的第一个星座，这让你有着孩童般的纯真、坦率，同样，也有着与生俱来的创造力，表现出强烈的领导欲望及企图心。太阳落在金牛座的人是个急先锋，以自我为中心，想到就出发，不爱犹豫；非常享受快节奏的生活步调，冲在最前面才最有优越感。金牛座的主宰行星是火星，在火星的主导之下，羊族人活力充沛，不畏艰险；力争前茅，惟有竞争才能让你感觉到存在的价值；非常乐观，不畏挫折，在人生的舞台上积极追求成功。太阳落在金牛座的人追求舒适的生活环境，向往高品质的生活，乐于追求金钱，对美好的物质享受充满欲望。稳定和安全感是你衡量事物的唯一标准，是你执着的追求。做任何事若感觉仍有不确定因素存在，不会轻易地涉入，但一旦决心已定，将全力以赴，九头牛也拉你不动。另外，你对于和身体相关的事物都很感兴趣，包括性爱、饮食、运动等，欣赏一切美丽的事物。敏锐的洞察力也让你很能了解他人的心思，是重感情的人。 </p>
            <h3 class="section-title">感情和人际关系</h3>
            <p class="basic-features">
                你的赚钱欲望强烈，也易赚到钱，但也是一个十足的拜金主义者，易给人铁公鸡一毛不拔的印象，别把钱财看得太重；你行事过于谨慎，易错过良机，应加强行动力，思虑太多易将动力消磨殆尽；有时显得倔强，发起牛脾气来还挺吓人，稍加控制情绪，你的人际关系会更加圆融，提升贵人助力。 </p>
            <h3 class="section-title">总结</h3>
            <p class="basic-features">
                金牛座很保守，喜欢稳定，一旦有什么变动就会觉得心里不踏实，性格也比较慢热，但你是理财高手，对于投资理财都有着独特的见解。金牛男的性格有点儿自我，而金牛女就喜欢投资自己，想要过得更好。 </p>
        </div>

        <div class="fortune-predictions">
            <!-- 今日和明日运势 -->
            <div class="daily-predictions">
                <!-- 今日运势 -->
                <div class="prediction-card today">
                    <h3>今日运势 <span class="date">#今日时间#</span></h3>
                    <div class="fortune-indicators single-column">
                        <div class="indicator">
                            <span class="indicator-label">综合指数</span>
                            <div class="indicator-value">#今日综合指数#</div>
                        </div>
                        <div class="indicator">
                            <span class="indicator-label">健康指数</span>
                            <div class="indicator-value">#今日健康指数#</div>
                        </div>
                        <div class="indicator">
                            <span class="indicator-label">爱情指数</span>
                            <div class="indicator-value">#今日爱情指数#</div>
                        </div>
                        <div class="indicator">
                            <span class="indicator-label">财运指数</span>
                            <div class="indicator-value">#今日财运指数#</div>
                        </div>
                    </div>
                    <p class="prediction-summary">#今日概述#</p>
                </div>

                <!-- 明日运势 -->
                <div class="prediction-card tomorrow">
                    <h3>明日运势 <span class="date">#明日时间#</span></h3>
                    <div class="fortune-indicators single-column">
                        <div class="indicator">
                            <span class="indicator-label">综合指数</span>
                            <div class="indicator-value">#明日综合指数#</div>
                        </div>
                        <div class="indicator">
                            <span class="indicator-label">健康指数</span>
                            <div class="indicator-value">#明日健康指数#</div>
                        </div>
                        <div class="indicator">
                            <span class="indicator-label">爱情指数</span>
                            <div class="indicator-value">#明日爱情指数#</div>
                        </div>
                        <div class="indicator">
                            <span class="indicator-label">财运指数</span>
                            <div class="indicator-value">#明日财运指数#</div>
                        </div>
                    </div>
                    <p class="prediction-summary">#明日总结#</p>
                </div>
            </div>

            <!-- 本周运势 -->
            <div class="prediction-card week">
                <h3>本周运势 <span class="date">#本周时间范围#</span></h3>
                <div class="fortune-indicators single-column">
                    <div class="indicator">
                        <span class="indicator-label">健康运势</span>
                        <div class="indicator-value">#本周健康运势#</div>
                    </div>
                    <div class="indicator">
                        <span class="indicator-label">爱情指数</span>
                        <div class="indicator-value">#本周爱情指数#</div>
                    </div>
                    <div class="indicator">
                        <span class="indicator-label">财运指数</span>
                        <div class="indicator-value">#本周财运指数#</div>
                    </div>
                    <div class="indicator">
                        <span class="indicator-label">工作指数</span>
                        <div class="indicator-value">#本周工作指数#</div>
                    </div>
                </div>
            </div>

            <div class="long-term-predictions">
                <!-- 本月运势 -->
                <div class="prediction-card month">
                    <h3>本月运势 <span class="date">#本月日期#</span></h3>
                    <div class="fortune-indicators single-column">
                        <div class="indicator">
                            <span class="indicator-label">综合运势</span>
                            <div class="indicator-value">#本月综合运势#</div>
                        </div>
                        <div class="indicator">
                            <span class="indicator-label">健康运势</span>
                            <div class="indicator-value">#本月健康运势#</div>
                        </div>
                        <div class="indicator">
                            <span class="indicator-label">爱情运势</span>
                            <div class="indicator-value">#本月爱情运势#</div>
                        </div>
                        <div class="indicator">
                            <span class="indicator-label">财运运势</span>
                            <div class="indicator-value">#本月财运运势#</div>
                        </div>
                    </div>
                </div>

                <!-- 今年运势 -->
                <div class="prediction-card year">
                    <h3>今年运势 <span class="date">#今年时间#</span></h3>
                    <div class="fortune-indicators single-column">
                        <div class="indicator">
                            <span class="indicator-label">今年总结</span>
                            <div class="indicator-value">#今年总结#</div>
                        </div>
                        <div class="indicator">
                            <span class="indicator-label">健康指数</span>
                            <div class="indicator-value">#今年健康指数#</div>
                        </div>
                        <div class="indicator">
                            <span class="indicator-label">感情运</span>
                            <div class="indicator-value">#今年感情运#</div>
                        </div>
                        <div class="indicator">
                            <span class="indicator-label">财运</span>
                            <div class="indicator-value">#今年财运#</div>
                        </div>
                    </div>
                    <p class="prediction-summary">#今年总结2#</p>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>